<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*--选中u1的所有后代为li的元素。注意：后代选择器找的是后代，不是儿子！！！*/
        u1 li{
            color:red;
        }
        /*找出div的后代u1,在找ui中后代为span的*/
        div u1 span{
            color:green;
        }
        /*找出类为object的元素，找出他的后代为li的元素*/
        .object li{
            color:blue;
        }
        div u1.object li{
            color:orange;
        }
        /*注意：  1.儿子，孙子，重孙子均是后代    2.结构一定要保证HTML规范，如p标签中不能有其他标签。*/
    </style>
</head>
<body>
    <div>
        <h1>崩坏三</h1>       
        <u1 class="object">
            <li>琪亚娜</li>  
            <li>芽衣</li>      
            <li>布洛妮娅</li>
            <li>
                <span>UI</span>
            </li>
        </u1>
    </div>
</body>
</html>